$(function() {
    getUserinfo() // 调用用户信息列表的函数

    // 点击退出按钮 退出界面 回到登录页面
    $('#btn-out').on('click', function() {
        layer.confirm('确认退出', { icon: 3, title: '提示' }, function(index) {
            // 退出本地存储的 token
            localStorage.removeItem('token')
                // 跳转到 login.html
            $(location).attr('href', 'login.html')
            layer.close(index); // 关闭弹框 插件自带
        });
    })
})

function getUserinfo() { // 封装一个用户信息列表的函数
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        headers: {
            Authorization: localStorage.getItem('token') || ''
        },
        success: function(res) {
            console.log(res);
            if (res.status !== 0) {
                // alert('获取用户信息失败')
                return layui.layer.msg('获取用户信息失败！')
            } else {
                // 说明获取成功  渲染头像  调用渲染头像的函数
                user_img(res.data)
            }
        },
        // complete: function(res) {
        //     if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
        //         $(location).attr('href', 'login.html')
        //         localStorage.removeItem('token')
        //     }
        //     console.log(res);
        // }
    })
}

function user_img(user) { // 封装一个用户渲染头像的函数
    // 先替换用户名
    var uname = user.username || user.nickname
    $('#welcome').html('欢迎' + uname)
    if (user.user_pic == null) { // 说明服务器没有图像路径
        // 则使用默认文本头像  隐藏原图像
        var img = uname[0].toUpperCase()
        $('.text-avatar').html(img).show()
        $('.layui-nav-img').hide()
    } else { // 说明服务器有图像路径
        // 则使用服务器的头像路径 隐藏文本头像
        $('.text-avatar').hide()
        $('.layui-nav-img').attr('src', user.user_pic).show()
    }
}